<%@ page language="java" pageEncoding="utf-8"%>
<%@taglib prefix="s" uri="/struts-tags"%>
${aier_doctype}
<html <s:property value="aier_html_xmlns" escape="false"/>>
<head>
<meta http-equiv="Content-Type" content="${aier_content_type}" />
<meta name="keywords" content="${aier_keyworks}" />
<meta name="description" content="${aier_description}" />

<link rel="stylesheet" href="${aier_css_url}social/module/channal.css" />
<script type="text/javascript" src="${aier_js_url}j.js"></script>

<title>爱儿360产品介绍</title>
<script type="text/javascript">

$(document).ready(function(){
    $("li").click(function(){
        $("li a").removeClass("current");
        $(this).children("a").addClass("current");
    });
    $('#rightsider').scrollFixed({fixed:'left'}); 
});

(function($){ 
	$.ScrollFixed = function(el, options){ 
		var base = this; 
		base.$el = $(el); 
		base.el = el; 
		var target = base.$el; 
		var original_left = parseInt(target.css('left')); 
		var original_right = parseInt(target.css('right')); 
	
		var _fix_position = function(){ 
			if(base.options.fixed == 'right'){ 
				target.css('right', ($(window).scrollLeft() + $(window).width() - $(document).width() + original_right) + 'px'); 
			} else if(base.options.fixed == 'left'){ 
				target.css('left', (original_left - $(window).scrollLeft()) + 'px'); 
			} 
		}; 
	
		var windowResize = function(){ 
	        _fix_position(); 
		}; 
	
		var windowScroll = function(){ 
		    _fix_position(); 
		}; 
	
		base.init = function(){ 
			base.options = $.extend({}, $.ScrollFixed.defaultOptions, options); 
			$(window).resize(windowResize); 
			$(window).scroll(windowScroll); 
			    _fix_position(); 
			console.log(base.options.fixed); 
		}; 
	
		base.init(); 
	}; 

	$.ScrollFixed.defaultOptions = { 
	     fixed:'left' 
	}; 

	$.fn.scrollFixed = function(options){ 
		return this.each(function(){ 
		(new $.ScrollFixed(this, options)); 
		}); 
	}; 
})(jQuery);

</script>
</head>

<body style="width: 1409px;height: 4500px;">
	<div style="width: 100%;height: 100%;">
	   <img width="100%" height="100%" src="${aier_img_url}channel.png" alt="通道门禁">
	   <div class="divcss1">
           <img class="now" alt="" src="${aier_img_url}01_03.png">
        </div>
        <div class="divcss2">
           <img class="now" alt="" src="${aier_img_url}02_05.png">
        </div>
        <div class="divcss3">
           <img class="now" alt="" src="${aier_img_url}03_08.png">
        </div>
        <div class="divcss4">
           <img class="now" alt="" src="${aier_img_url}06_11.png">
        </div>
        <div class="divcss5">
           <img class="now" alt="" src="${aier_img_url}05_14.png">
        </div>
        <div class="divcss6">
           <img class="now" alt="" src="${aier_img_url}04_12.png">
        </div>
	</div>
	
	<div id="rightsider" class="tabbut">
	   <div class="wrap-main-nav">
          <ul class="float-list clearfix" id = "tech_zxyw2">
              <li ><a class="school-center-tag current" href="#pos1">产品介绍</a></li>
              <li ><a class="school-center-tag" href="#pos2">选择理由</a></li>
              <li ><a class="school-center-tag" href="#pos3">安装与售后</a></li>
              <li ><a class="school-center-tag" href="#pos4">施工案例</a></li>
          </ul>
      </div> 
	</div>
	<div id="pos1" class="pos1"></div>
	<div id="pos2" class="pos2"></div>
    <div id="pos3" class="pos3"></div>
    <div id="pos4" class="pos4"></div>
</body>
</html>